<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        window.onload = function () {
            //只在最后一次定义时有效

            // 定时器可以有多个,且setTimeout是一段时间后执行一次
            //setinterval是定时循环执行
            var time1 = setTimeout(function () {
                alert('事件');
            }, 2000);

        }
        window.addEventListener('load', function () {
            //可以多次定义都会执行，DOM,BOM等全部加载完才执行
        })
        whindow.addEventListener('DOMContentLoaded', function () {
            //DOM文档加载完即可
        })
        window.addEventListener('resize', function () {
            //窗口大小发生变化后发生
        })
        // window.innerWidth页面的大小，用于响应式布局，结合resize事件
    </script>
</body>

</html>